#home{
    width: 100%;
    height: 100%;
    overflow: hidden;
    .home_con{
        width: 100%;
        height: 100%;
        position: relative;
        top: 0;
        .bg_top{
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }
        .bg_btm{
            width: 100%;
            position: absolute;
            bottom: 0;
            right: 0;
            z-index: 1;
        }
        /*首页中心内容*/
        .con_list{
            width: 100%;
            height: 100%;
            position: relative;
            top: 0;
            z-index: 5;
            padding-top: 1.813rem;
            box-sizing: border-box;
            color: #666666;
            text-align: center;
            h3{
                font-size: 18px;
                margin: 10px 0 20px;
            }
            h5{
                font-size: 13px;
                margin-bottom: 0.533rem;
                color: #999999;
            }
            .logo{
                width: 1.466rem;
                height: 1.466rem;
            }
            #peoples{
                width: 100%;
                overflow: hidden;
                display: flex;
                flex-wrap: wrap;
                box-sizing: border-box;
                padding: 0 8%;
                justify-content: center;
                li{
                    width: 20%;
                    height: 1.28rem;
                    line-height: 1.28rem;
                    margin-right: 0.4rem;
                    margin-bottom: 0.266rem;
                    border: 1px solid #cccccc;
                    box-sizing: border-box;
                    font-size: 18px;
                    background-color: #FFFFFF;
                    &:nth-of-type(4n+4){
                        margin-right: 0;
                    }
                }
                .active{
                    border: 1px solid #fd9118;
                }
            }
            .dc_btn{
                width: 7.573rem;
                height: 1.226rem;
                line-height: 1.226rem;
                background: #fa8c0f;
                border: 1px solid #fc7900;
                border-radius: 0.613rem;
                font-size: 18px;
                color: #FFFFFF;
                margin-top: 0.213rem;
                outline: none;
            }
            .explain{
                width: 100%;
                text-align: center;
                font-size: 13px;
                color: #333333;
                margin-top: 0.48rem;
                .go_kt{
                    color: #fc8c12;
                    margin-left: 0.053rem;
                }
            }
            .ft_txt{
                color: #999999;
                font-size: 13px;
                position: absolute;
                bottom: 0.746rem;
                left: 0;
                width: 100%;
            }
        }
    }
}

#menu{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
    .menu_header{
        width: 100%;
        height: 14%;
        /*line-height: 5px;*/
        overflow: hidden;
        /*padding: 0 12px;*/
        box-sizing: border-box;
        font-size: 15px;
        color: #333333;
        background-color: #f8f8f8;
        position: relative;
        z-index: 5;
            
        .current_num{
            float: left;
            margin-left: 0.32rem;
            line-height: 0.933rem;
        }
        .people_num{
            float: right;
            margin-right: 0.32rem;
            line-height: 0.933rem;
            .m_bj{
                width: 0.373rem;
                height: 0.373rem;
                display: inline-block;
                background: url(../../static/images/bj.png)no-repeat center/100% 100%;
            }
        }
        /*按钮*/
        .con_btn{
            width: 100%;
            line-height: 1.2rem;
            display: flex;
            justify-content: center;
            padding: 0.266rem 0.32rem;
            box-sizing: border-box;
            overflow: hidden;
            background-color: #FFFFFF;
            position: relative;
            &:after{
                width: 100%;
                height: 1px;
                position: absolute;
                top: 0;
                left: 0;
                background-color: #cccccc;
                content: '';
            }
            span{
                flex: 1;
               font-size: 15px;
               color: #FFF;
               border-radius: 0.133rem;
               position: relative;
               box-sizing: border-box;
               text-align: left;
               display: inline-block;
               text-align: justify;
            }
            .menu_btn{
                background-image: linear-gradient(270deg, #ffcc00 0%, #fd9c0b 100%),linear-gradient(#000000, #000000);
                background-blend-mode: normal, normal;
                padding: 0 0.48rem;
                .icon{
                    display: inline-block;
                    width: 0.56rem;
                    height: 0.8rem;
                    background: url(../../static/images/click.png)no-repeat center/100% 100%;
                    position: absolute;
                    top: 0.213rem;
                    right: 0.48rem;
                }
            }
            .Already_btn{
                background-image: linear-gradient(270deg, #fe8708 0%, #fb7809 100%),linear-gradient( #000000, #000000);
                background-blend-mode: normal, normal;
                margin: 0 5%;
                padding: 0 0.213rem 0 0.533rem;
                .icon{
                    display: inline-block;
                    width: 0.64rem;
                    height: 0.586rem;
                    background: url(../../static/images/menu.png)no-repeat center/100% 100%;
                    position: absolute;
                    top: 0.32rem;
                    right: 0.213rem;
                }
            }
            .vip_btn{
                background-image: linear-gradient(270deg, #fb7809 0%, #fc4906 100%),linear-gradient( #000000, #000000);
                background-blend-mode: normal,normal;
                padding: 0 0.133rem 0 0.213rem;
                .icon{
                    display: inline-block;
                    width: 0.8rem;
                    height: 0.72rem;
                    background: url(../../static/images/vip.png)no-repeat center/100% 100%;
                    position: absolute;
                    top: 0.266rem;
                    right: 0.133rem;
                }
            }
        }
    }
    /*内容区*/
    .menu_con{
        width: 100%;
        height: 86%;
        overflow: scroll;
        position: relative;
        box-sizing: border-box;
        z-index: 2;
        
        ul{
            -webkit-overflow-scrolling: touch;
            overflow-y:auto;
        }
        /*菜品*/
        .conList{
            width: 100%;
            overflow: hidden;
            padding: 0.373rem 0.373rem 0;
            box-sizing: border-box;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            li{
                width: 100%;
                overflow: hidden;
                .m_title{
                    font-size: 15px;
                    color: #999999;
                    margin: 0.4rem 0 0.533rem;
                    position: relative;
                    text-align: center;
                    &:after{
                        content: '';
                        width: 0.213rem;
                        height: 0.346rem;
                        background: url(../../static/images/title_left.png) no-repeat center/100% 100%;
                        position: absolute;
                        top: 0.106rem;
                        left: 38%;
                    }
                    &:before{
                        content: '';
                        width: 0.213rem;
                        height: 0.346rem;
                        background: url(../../static/images/title_left.png) no-repeat center/100% 100%;
                        transform: rotateZ(180deg);
                        position: absolute;
                        top: 0.106rem;
                        right: 38%;
                    }
                }
                .ullistCon{
                    width: 45.5%;
                    float: left;
                    margin-right: 0.533rem;
                    box-sizing: border-box;
                    border-radius: 0.066rem;
                    font-size: 15px;
                    position: relative;
                    z-index: 5;
                    margin-bottom: 0.533rem;
                    border: 1px solid #cccccc;
                    &:nth-of-type(2n+2){
                        margin-right: 0;
                    }
                }
                .list_img{
                    width: 100%;
                    height: 2.933rem;
                    border: none;
                }
                i{
                    width: 0.613rem;
                    height: 0;
                    display: block;
                    overflow: hidden;
                }
                .show_num{
                    width: 0.613rem;
                    height: 0.613rem;
                    line-height: 0.613rem;
                    text-align: center;
                    position: absolute;
                    top: -0.32rem;
                    right: -0.186rem;
                    z-index: 100;
                    background-color: #de0f05;
                    color: #FFF;
                    border-radius: 50%;
                    display: none;
                }
                .list_txt{
                    width: 100%;
                    height: 1.386rem;
                    box-sizing: border-box;
                    padding: 0.213rem;
                    text-align: left;
                    .txt_name{
                        color: #333333;
                        height: 0.4rem;
                        display: block;
                        margin-bottom: 0.213rem;
                    }
                    .txt_price{
                        color: #cc0000;
                        i{
                            display: inline
                        }
                    }
                    .click_num{
                        width: 0.693rem;
                        height: 0.693rem;
                        line-height: 0.593rem;
                        display: block;
                        text-align: center;
                        background-image: linear-gradient(180deg, #fbc50b 0%, #fc9409 100%),linear-gradient( #000000, #000000);
                        background-blend-mode: normal, normal;
                        font-size: 26px;
                        font-weight: 600;
                        color: #FFF;
                        float: right;
                        border-radius: 50%;
                        margin-top: -0.373rem;
                    }
                }
                &:nth-of-type(2n+2){
                    margin-right: 0;
                }
            }
        }
        /*菜单列表*/
        .menu_left{
            width: 2.186rem;
            position: fixed;
            top: 3.04rem;
            z-index: 16;
            -webkit-overflow-scrolling: touch;
            ul.listCon{
                width: 2.186rem;
                height: inherit;
                background-color: rgba(255,255,255,0.85);
                color: #333333;
                padding: 0.16rem 0 0.48rem;
                box-sizing: border-box;
                overflow: scroll;
                border-radius: 0 0.64rem 0.64rem 0;
                display: none;
                li{
                    font-size: 14px;
                    line-height: 0.933rem;
                    height: 0.933rem;
                    box-sizing: border-box;
                    overflow: hidden;
                    position: relative;
                    text-align: center;
                    &:after{
                        width: 100%;
                        height: 1px;
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        background-color: #cccccc;
                        content: '';
                    }
                }
                .ons{
                    background-color: #fc9409;
                    color: #FFFFFF;
                    &:after{
                        background-color: #fc9409;
                    }
                }
            }
            .listCon_pull{
                display: block;
                width: 1.28rem;
                height: 1.12rem;
                padding: 0.106rem 0.346rem;
                box-sizing: border-box;
                font-size: 10px;
                color: #999999;
                text-align: center;
                position: absolute;
                top: 5.333rem;
                margin-top: -0.48rem;
                border-radius: 0 0.64rem 0.64rem 0;
                background-color: rgba(255,255,255,0.9);
                img{
                    width: 0.506rem;
                    height: 0.506rem;
                }
            }
        }
    }
    
    /*菜品详情*/
    .show_details{
        width: 88%;
        position: fixed;
        bottom: 0.32rem;
        z-index: 32;
        background-color: #FFF;
        left: 6%;
        text-align: left;
        padding-left: 0.453rem;
        box-sizing: border-box;
        border-radius: 0.266rem;
        overflow: hidden;
        border: 1px solid #e5e5e5;
        display: none;
        .close{
            width: 0.426rem;
            height: 0.426rem;
            position: absolute;
            top: 0.48rem;
            right: 0.4rem;
        }
        .deta_title{
            margin: 0.48rem 0 0.746rem 0.133rem;
            font-size: 16px;
            color: #333333;
        }
        .practice , .feed{
            width: 100%;
            color: #666666;
            h4{
                height: 0.48rem;
                font-size: 16px;
                margin: 0 0 0.48rem 0;
                span{
                    color: #f98632;
                }
            }
            .choice_prac , .choice_feed{
                display: flex;
                flex-wrap: wrap;
                span{
                    width: 29%;
                    height: 1.12rem;
                    line-height: 1.12rem;
                    text-align: center;
                    margin-right: 0.24rem;
                    margin-bottom: 0.213rem;
                    border: solid 1px #cccccc;
                }
                .on_show{
                    color: #fc862d;
                    background-color: #ffefde;
                    border: solid 1px #fc862d;
                }
            }
        }
        .feed{
            h4{
                margin-top: 1rem;
            }
        }
        .ft_con{
            overflow: hidden;
            .Current_price{
               line-height: 1.333rem; 
               color: #ca000f;
               font-size: 18px;
            }
            .selected{
                width: 3.6rem;
                height: 1.333rem;
                background-image: linear-gradient(270deg, #fd6d3d 0%, #fda33b 100%),linear-gradient( #f6f6f6, #f6f6f6);
                background-blend-mode: normal,normal;
                box-shadow: 0px 0.08rem 0.186rem 0px rgba(254, 191, 3, 0.35);
                color: #FFFFFF;
                font-size: 18px;
                border: none;
                float: right;
            }
        }
    }
    /*购物车*/
    .shoppingCar{
        width: 1.813rem;
        height: 1.813rem;
        background-image: linear-gradient(180deg, #fbb258 0%, #fa8c13 100%),linear-gradient( #000000, #000000);
        background-blend-mode: normal,normal;
        position: fixed;
        bottom: 0.853rem;
        right: 0.106rem;
        border-radius: 50%;
        z-index: 30;
        text-align: center;
        font-size: 13px;
        color: #FFFFFF;
        border: none;
        .Carnum{
            width: 0.586rem;
            height: 0.586rem;
            line-height: 0.586rem;
            text-align: center;
            display: block;
            position: absolute;
            top: -0.16rem;
            right: -0.053rem;
            z-index: 100;
            background-color: #de0f05;
            color: #FFF;
            border-radius: 50%;
            display: none;
        }
        .icon{
            display: block;
            width: 0.586rem;
            height: 0.533rem;
            background: url(../../static/images/shopping_car.png)no-repeat center /100% 100%;
            margin-top: 0.373rem;
            margin-left: 0.6rem;
        }
    }
    
    .overlay{
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 15;
            display: none;
        }
}

#car {
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: scroll;
    background: #f8f8f8;
    position: relative;
    top: 0;
    .menu_header {
        width: 100%;
        height: 0.933rem;
        line-height: 0.933rem;
        overflow: hidden;
        padding: 0 0.32rem;
        box-sizing: border-box;
        font-size: 15px;
        color: #333333;
        background-color: #F8f8f8;
        position: fixed;
        z-index: 5;
        &:after {
            width: 100%;
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: #cccccc;
            content: '';
        }
        .current_num {
            float: left;
        }
        .people_num {
            float: right;
            .m_bj {
                width: 0.373rem;
                height: 0.373rem;
                display: inline-block;
                background: url(../../static/images/bj.png)no-repeat center/100% 100%;
            }
        }
    }
    .carTop {
        width: inherit;
        margin-top: 0.933rem;
        margin-bottom: 0.8rem;
        .topList {
            width: inherit;
            height: 0.96rem;
            line-height: 0.96rem;
            font-size: 15px;
            padding: 0 0.293rem;
            box-sizing: border-box;
            overflow: hidden;
            position: relative;
            &:after {
                width: 100%;
                height: 1px;
                position: absolute;
                bottom: 0;
                left: 0;
                background-color: #cccccc;
                content: '';
            }
            &>span:first-of-type {
                float: left;
            }
            &>span:last-of-type {
                float: right;
            }
            span.remark {
                float: left;
            }
            #remarks_txt {
                width: 80%;
                float: right;
                line-height: 0.96rem;
                border: none;
                outline: none;
                box-sizing: border-box;
                text-align: right;
                background-color: transparent;
                font-size: 15px;
            }
            .consume_sum {
                color: #666666;
                font-size: 13px;
            }
            .payable {
                color: #c31c1e;
            }
        }
        .sum_con {
            font-size: 15px;
            background-color: #fff2e2;
            text-align: left;
            padding: 0.213rem 0.293rem 0.32rem;
            box-sizing: border-box;
            overflow: hidden;
            .del {
                width: 0.48rem;
                height: 0.48rem;
                display: inline-block;
                float: right;
                background: url(../../static/images/del.png)no-repeat center/100% 100%;
            }
            p {
                font-size: 13px;
                margin-top: 0.32rem;
            }
        }
    }
    .carCenter {
        width: inherit;
        text-align: left;
        overflow: scroll;
        .centerList {
            margin-bottom: 0.533rem;
            background-color: #FFFFFF;
            overflow: hidden;
            .listClassify {
                height: 1.28rem;
                line-height: 1.28rem;
                font-size: 15px;
                padding-left: 0.48rem;
                box-sizing: border-box;
                color: #000000;
                position: relative;
                &:after {
                    width: 100%;
                    height: 1px;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    background-color: #cccccc;
                    content: '';
                }
            }
            .listcon {
                overflow: hidden;
                li {
                    padding: 0.186rem 0.533rem 0.186rem 0.506rem;
                    font-size: 0;
                    box-sizing: border-box;
                    position: relative;
                    &:after {
                        width: 100%;
                        height: 1px;
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        background-color: #cccccc;
                        content: '';
                    }
                    .listImg {
                        width: 1.44rem;
                        height: 1.493rem;
                        display: inline-block;
                    }
                    .content {
                        display: inline-block;
                        margin-left: 0.266rem;
                        vertical-align: top;
                        span {
                            display: block;
                            font-size: 15px;
                        }
                        .listName {
                            color: #333333;
                        }
                        .listType {
                            font-size: 13px;
                            color: #999999;
                        }
                        .listFeed {
                            color: #999999;
                        }
                    }
                    .list_right {
                        float: right;
                        position: relative;
                        top: 0.4rem;
                        span {
                            display: block;
                            font-size: 15px;
                        }
                        .num {
                            text-align: center;
                        }
                        .listPrice {
                            color: #cc0033;
                        }
                        .minus {
                            background: url(../../static/images/minus.png)no-repeat center /100% 100%;
                        }
                        #show_txt {
                            width: 0.853rem;
                            height: 0.853rem;
                            display: inline-block;
                            color: #333333;
                            font-size: 18px;
                            text-align: center;
                            outline: none;
                            box-sizing: border-box;
                            border: solid 1px #cccccc;
                        }
                        .add {
                            background: url(../../static/images/plus.png)no-repeat center /100% 100%;
                        }
                    }
                }
            }
        }
    }
    .float_con {
        width: 100%;
        height: 1.866rem;
        position: fixed;
        left: 0;
        bottom: 28px;
        color: #FFFFFF;
        .txt {
            color: #FFFFFF;
        }
        .continue {
            width: 1.866rem;
            height: 1.866rem;
            background-image: linear-gradient(270deg, rgba(255, 145, 5, 0.9) 0%, rgba(254, 205, 24, 0.9) 100%), linear-gradient( rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
            background-blend-mode: normal, normal;
            opacity: 0.9;
            position: absolute;
            left: 0.266rem;
            text-align: center;
            border-radius: 50%;
            padding-top: 0.266rem;
            box-sizing: border-box;
            .icon {
                display: block;
                width: 0.56rem;
                height: 0.773rem;
                background: url(../../static/images/click_1.png)no-repeat center/100% 100%;
                margin-left: 0.666rem;
                margin-bottom: 0.133rem;
            }
        }
        .promptly {
            width: 1.866rem;
            height: 1.866rem;
            background-image: linear-gradient(270deg, rgba(254, 66, 16, 0.9) 0%, rgba(253, 124, 16, 0.9) 100%), linear-gradient( rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
            background-blend-mode: normal, normal;
            opacity: 0.9;
            border-radius: 50%;
            position: absolute;
            right: 0.266rem;
            text-align: center;
            padding-top: 0.266rem;
            box-sizing: border-box;
            .icon {
                display: block;
                width: 0.64rem;
                height: 0.64rem;
                background: url(../../static/images/menu_1.png)no-repeat center/100% 100%;
                margin-left: 0.666rem;
                margin-bottom: 0.133rem;
            }
        }
    }
}

//付款详情

#pay{
    width: 100%;
    overflow: hidden;
    text-align: left;
    .menu_header{
        width: 100%;
        height: 0.933rem;
        line-height: 0.933rem;
        overflow: hidden;
        padding: 0 0.32rem;
        box-sizing: border-box;
        font-size: 15px;
        color: #333333;
        background-color: #F8f8f8;
        position: fixed;
        z-index: 5;
        &:after{
            width: 100%;
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: #cccccc;
            content: '';
        }
        .current_num{
            float: left;
        }
        .people_num{
            float: right;
            .m_bj{
                width: 0.373rem;
                height: 0.373rem;
                display: inline-block;
                background: url(../../static/images/bj.png)no-repeat center/100% 100%;
            }
        }
    }
    .payCon{
        margin-top: 0.933rem;
        padding: 0 0.266rem 0.266rem 0.266rem;
        background-color: #F8f8f8;
        .content{
            width:100%;
            display:flex;
            flex-wrap:wrap;
            box-sizing: border-box;
            background-color: #fff0d9;
            border: solid 2px #f9b957;
            font-size:15px;
            span{
                display: inline-block;
                width: 50%;
                line-height: 1.173rem;
                padding-left: 0.586rem;
                box-sizing: border-box;
            }
        }
    }
    .payList{
        width: inherit;
        font-size: 15px;
        color: #333333;
        .listTitle{
            height: 0.933rem;
            line-height: 0.933rem;
            padding-left: 0.266rem;
            box-sizing: border-box;
            position: relative;
            &:after{
                width: 100%;
                height: 1px;
                position: absolute;
                bottom: 0;
                left: 0;
                background-color: #cccccc;
                content: '';
            }
            }
        .listCon{
            overflow: hidden;
            .list{
                width: 100%;
                line-height: 0.933rem;
                padding: 0 0.426rem 0 0.586rem;
                box-sizing: border-box;
                position: relative;
                &:after{
                    width: 100%;
                    height: 1px;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    background-color: #cccccc;
                    content: '';
                }
                .listImg{
                    width: 0.586rem;
                    vertical-align: middle;
                    margin-right: 0.266rem;
                }
                .listBalance{
                    vertical-align: middle;
                }
                .check{
                    width: 0.586rem;
                    height: 0.586rem;
                    float: right;
                    display: inline-block;
                    margin-top: 0.16rem;
                    background: url(../../static/images/no.png)no-repeat center /100% 100%;
                }
                
            }
            .active{
                .check{
                    background: url(../../static/images/yes.png)no-repeat center /100% 100%;
                }
            }
        }
        .pay_btn{
            width: 7.573rem;
            height: 1.226rem;
            line-height: 1.226rem;
            text-align: center;
            color: #FFFFFF;
            border-radius: 0.613rem;
            background-color: #fa8c0f;
            border: solid 2px #fc7900;
            box-sizing: border-box;
            display: block;
            margin: 1.066rem auto 0;
            outline: none;
        }
    }
        .continue{
            width:1.866rem;
            height:1.866rem;
            background-image: linear-gradient(270deg, rgba(255, 145, 5, 0.9) 0%, rgba(254, 205, 24, 0.9) 100%),
            linear-gradient( rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
            background-blend-mode: normal,normal;
            opacity: 0.9;
            position: absolute;
            left: 0.266rem;
            text-align: center;
            border-radius:50%;
            padding-top: 0.266rem;
            box-sizing: border-box;
            .icon{
                display: block;
                width: 0.56rem;
                height: 0.773rem;
                background: url(../../static/images/click_1.png)no-repeat center/100% 100%;
                margin-left: 0.666rem;
                margin-bottom: 0.133rem;
            }
        }
        .goBackMenu{
            width:1.866rem;
            height:1.866rem;
            background-image: linear-gradient(270deg, rgba(254, 66, 16, 0.9) 0%, rgba(253, 124, 16, 0.9) 100%),
            linear-gradient( rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
            background-blend-mode: normal,normal;
            opacity: 0.9;
            border-radius:50%;
            position: absolute;
            right: 0.266rem;
            text-align: center;
            padding-top: 0.266rem;
            box-sizing: border-box;
            .icon{
                display:block;
                width: 0.64rem;
                height: 0.64rem;
                background: url(../../static/images/menu_1.png)no-repeat center/100% 100%;
                margin-left: 0.666rem;
                margin-bottom: 0.133rem;
            }
        }
}
    
    
//订单页面
#order{
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    text-align: left;
    background: #f8f8f8;
    .orderList{
        .List_title{
            line-height: 0.933rem;
            background-color: #FFF;
            padding: 0 0.333rem;
            font-size: 0.346rem;
            .payTime{
                float: left;
            }
            .payState{
                float: right;
            }
        }
    }
    .menu_header{
        width: 100%;
        height: 0.933rem;
        line-height: 0.933rem;
        overflow: hidden;
        padding: 0 0.32rem;
        box-sizing: border-box;
        font-size: 15px;
        color: #333333;
        background-color: #F8f8f8;
//      position: fixed;
        z-index: 5;
        &:after{
            width: 100%;
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: #cccccc;
            content: '';
        }
        .current_num{
            float: left;
        }
        .people_num{
            float: right;
            .m_bj{
                width: 0.373rem;
                height: 0.373rem;
                display: inline-block;
                background: url(../../static/images/bj.png)no-repeat center/100% 100%;
            }
        }
    }
    .payCon{
//      margin-top: 0.933rem;
        padding: 0 0.266rem 0.266rem 0.266rem;
        background-color: #F8f8f8;
        .content{
            width:100%;
            display:flex;
            flex-wrap:wrap;
            box-sizing: border-box;
            background-color: #fff0d9;
            border: solid 2px #f9b957;
            font-size:15px;
            span{
                display: inline-block;
                width: 50%;
                line-height: 1.173rem;
                padding-left: 0.586rem;
                box-sizing: border-box;
            }
        }
    }
    .carCenter{
        width: inherit;
        text-align: left;
        overflow: hidden;
        .centerList{
            margin-bottom: 0.533rem;
            background-color: #FFFFFF;
            overflow: hidden;
            .listClassify{
                height: 1.28rem;
                line-height: 1.28rem;
                font-size: 15px;
                padding-left: 0.48rem;
                box-sizing: border-box;
                color: #000000;
                position: relative;
                &:after{
                    width: 100%;
                    height: 1px;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    background-color: #cccccc;
                    content: '';
                }
                span{
                    display: inline-block;
                    width: 8rem;
                    text-align: center;
                    color: #999999;
                    font-size: 13px;
                    font-weight: 200;
                }
            }
            .listcon{
                overflow: hidden;
                li{
                    padding: 0.186rem 0.533rem 0.186rem 0.506rem;
                    font-size: 0;
                    box-sizing: border-box;
                    position: relative;
                    &:after{
                        width: 100%;
                        height: 1px;
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        background-color: #cccccc;
                        content: '';
                    }
                    .listImg{
                        width: 1.44rem;
                        height: 1.493rem;
                        display: inline-block;
                    }
                    .content{
                        display: inline-block;
                        margin-left: 0.266rem;
                        vertical-align: top;
                        span{
                            display: block;
                            font-size: 15px;
                        }
                        .listName{
                            color: #333333;
                        }
                        .listType{
                            font-size: 13px;
                            color: #999999;
                        }
                        .listPrice{
                            color: #cc0033;
                        }
                    }
                    .list_num{
                            display: inline-block;
                            height: inherit;
                            font-size: 13px;
                            margin-left: 1.28rem;
                            position: absolute;
                            top: 0.8rem;
                    }
                    .list_right{
                        position: absolute;
                        top: 0.32rem;
                        right: 0.56rem;
                        img{
                            width: 1.36rem;
                            height: 1.133rem;
                        }
                    }
                }
            }
        }
    }
    .float_con{
        width: 100%;
        height: 1.866rem;
        position: fixed;
        left: 0;
        bottom: 0.746rem;
        color: #FFFFFF;
        .txt{
            color: #FFFFFF;
        }
        .continue{
            width:1.866rem;
            height:1.866rem;
            background-image: linear-gradient(270deg, rgba(255, 145, 5, 0.9) 0%, rgba(254, 205, 24, 0.9) 100%),
            linear-gradient( rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
            background-blend-mode: normal,normal;
            opacity: 0.9;
            position: absolute;
            left: 0.266rem;
            text-align: center;
            border-radius:50%;
            padding-top: 0.266rem;
            box-sizing: border-box;
            .icon{
                display: block;
                width: 0.56rem;
                height: 0.773rem;
                background: url(../../static/images/click_1.png)no-repeat center/100% 100%;
                margin-left: 0.666rem;
                margin-bottom: 0.133rem;
            }
        }
        .goBackMenu{
            width:1.866rem;
            height:1.866rem;
            background-image: linear-gradient(270deg, rgba(254, 66, 16, 0.9) 0%, rgba(253, 124, 16, 0.9) 100%),
            linear-gradient( rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
            background-blend-mode: normal,normal;
            opacity: 0.9;
            border-radius:50%;
            position: absolute;
            right: 0.266rem;
            text-align: center;
            padding-top: 0.266rem;
            box-sizing: border-box;
            .icon{
                display:block;
                width: 0.64rem;
                height: 0.64rem;
                background: url(../../static/images/menu_1.png)no-repeat center/100% 100%;
                margin-left: 0.666rem;
                margin-bottom: 0.133rem;
            }
        }
    }
}

#vipcon{
    overflow: hidden;
    position: relative;
    .userCon{
        width: 100%;
        height: 3rem;
        background: url(../images/user_bg.png)no-repeat top center /100% 100%;
        text-align: center;
        position: relative;
        top: -0.08rem;
        overflow: hidden;
        padding-top: 0.75rem;
       .userIcon{
           width: 2rem;
           height: 2rem;
           border-radius: 50%;
       }
       .userName{
           display: block;
           font-size: 14px;
           margin: 0.133rem 0;
           color: #FFF;
       }
       .go_back{
           width: 0.8rem;
           height: 0.8rem;
           position: absolute;
           top: 0.2rem;
           left: 0.2rem;
       }
    }
    .vipList{
        overflow: hidden;
        padding: 0.2rem;
        box-sizing: border-box;
        .list{
            width: 100%;
            line-height: 1.2rem;
            border-bottom: 1px solid #CCCCCC;
            text-decoration: none;
            color: #333333;
            position: relative;
            .icon{
                width: 0.75rem;
            }
            &:after{
                content: '';
                width: 1rem;
                height: 1rem;
                position: absolute;
                background: url(../images/gpull.png)no-repeat center;
                right: -0.2rem;
                
            }
        }
    }
} 

#coupon{
    .cphead{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        border: 1px solid #F1F1F1;
        span{
            width: 33.3%;
            text-align: center;
            font-size: 14px;
            line-height: 1rem;
        }
        .navbar{
            border-bottom: 1px solid #fd9118;
        }
    }
    .cpCon{
        overflow: hidden;
        .list{
            overflow: hidden;
            height: 1.5rem;
            position: relative;
            padding: 0.3rem 0;
            &:before{
                content: '';
                position: absolute;
                bottom: -0.25em;
                width: 100%;
                height: 0.5em;
                background: -webkit-linear-gradient(315deg, transparent, transparent 45%, #f90, transparent 55%, transparent 100%), -webkit-linear-gradient(45deg, transparent, transparent 45%, #f90, transparent 55%, transparent 100%);
                background: linear-gradient(135deg, transparent, transparent 45%, #f90, transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, #f90, transparent 55%, transparent 100%);
                background-size: 0.5em 0.5em;
                background-repeat: repeat-x, repeat-x;
            }
            .lfcon{
                width: 20%;
                float: left;
                text-align: center;
                font-size: 16px;
                .minus_price{
                    font-size: 30px;
                    color: #FF0000;
                    font-weight: 600;
                }
            }
            .rgcon{
                width: 80%;
                overflow: hidden;
                padding-left: 0.5rem;
                box-sizing: border-box;
                position: relative;
                font-size: 16px;
                padding-top: 0.25rem;
                .using_time{
                    font-size: 12px;
                }
                .nowusing{
                    width: 2rem;
                    height: 0.5rem;
                    line-height: 0.5rem;
                    border: 1px solid #FF0000;
                    background-color: #FF0000;
                    border-radius: 0.266rem;
                    text-align: center;
                    position: absolute;
                    right: 0.5rem;
                    color: #FFF;
                    top: 50%;
                    margin-top: -0.25rem;
                    font-size: 14px;
                }
            }
        }
    }
}




@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5){
    #menu .listTitle , #menu .menu_header , #menu .list{
        &::after{
            -webkit-transform: scaleY(0.7);
            transform: scaleY(0.7);
        }
    }
    #car .menu_header , #car .listCon>li{
        &::after{
            -webkit-transform: scaleY(0.7);
            transform: scaleY(0.7);
        }
    }
    #pay .topList , #pay .menu_header , #pay .listClassify , #pay .listcon li{
        &::after{
            -webkit-transform: scaleY(0.7);
            transform: scaleY(0.7);
        }
    }
     #order .menu_header , #order .listClassify , .listcon li{
        &::after{
            -webkit-transform: scaleY(0.7);
            transform: scaleY(0.7);
        }
    }
}
 @media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2){
    #menu .listTitle , #menu .menu_header , #menu .list{
        &::after{
            -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
        }
    }
    #car .menu_header , #car .listCon>li{
        &::after{
            -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
        }
    }
    #pay .topList , #pay .menu_header , #pay .listClassify , #pay .listcon li{
        &::after{
            -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
        }
    }
    #order .menu_header ,#order .listClassify , .listcon li{
        &::after{
            -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
        }
    }
} 

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
    #menu .listTitle , #menu .menu_header , #menu .list{
        &::after{
            -webkit-transform: scaleY(0.3);
          transform: scaleY(0.3);
        }
    }
    #car .menu_header , #car .listCon>li{
        &::after{
            -webkit-transform: scaleY(0.3);
          transform: scaleY(0.3);
        }
    }
    #pay .topList , #pay .menu_header , #pay .listClassify , #pay .listcon li{
        &::after{
            -webkit-transform: scaleY(0.3);
          transform: scaleY(0.3);
        }
    }
    #order .menu_header ,#order  .listClassify , .listcon li{
        &::after{
            -webkit-transform: scaleY(0.3);
          transform: scaleY(0.3);
        }
    }
}
